{% extends "base.html" %}
{% block main %}

<meta charset="utf-8">
<!-- Fonts -->
    <link rel="stylesheet" href="/static/fonts/Quattrocento/Quattrocento.css">
    <link rel="stylesheet" href="/static/fonts/Quattrocento_Sans/Quattrocento_Sans.css">

<!-- Styles -->
    <link rel="stylesheet" href="/static/bootstrap-4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/owl-carousel/owl.carousel.css">
    <link rel="stylesheet" href="/static/owl-carousel/owl.theme.css">
    <link rel="stylesheet" href="/static/css/main.css">
    <link rel="stylesheet" href="/static/css/responsive.css">

<!-- Page content section start -->
    <main class="page-content">
        <!-- Page title section start -->
        <div class="page-head page-head_light" style="background-image: url('/static/img/category-Python-banner.jpg');">
            <div class="container">
                <div class="page-head__breadcrumb">
                    <a href="/Home?username={{ username }}">
                        <i class="icon-xs icon-left flaticon-left-arrow-sign"></i>
                        Back to home
                    </a>
                </div>
                <h1 class="page-head__title">Category:Python</h1>
            </div>
        </div>
        <!-- Page title section end -->
        <!-- News primary section start -->
        <section class="section news-primary">
            <div class="container">
                <h2 class="screen-reader-text">News</h2>
                <div class="row row-extended">
                    <div class="col-lg-8">
                        <div class="news-list">
                            <div class="new-item">
                                <div class="new-item__wrap">
                                    <div class="row">
                                        <div class="new-item__image col-md-6">
                                            <a href="/Python-passage?username={{ username }}">
                                                <img src="/static/img/shoppingcar-passage-cover.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="new-item__info col-md-6">
                                            <div class="h3 new-item__title">
                                                <a href="/Python-passage?username={{ username }}">
                                                    Python入门练习——购物车
                                                </a>
                                            </div>
                                            <ul class="new-item__meta d-flex align-items-center">
                                                <li class="new-item__meta-author">
                                                        WeStudy
                                                </li>
                                                <li class="new-item__meta-cat">
                                                    <a href="/Python?username={{ username }}">Python</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
            </div>
        </section>
    </main>
    <!-- News primary section end -->
{% endblock %}